#home-category {
    position: relative;

    .carousel-item {
        img {
            width: 100%;
            height: auto;
        }
    }

    .index-container {
        position: absolute;
        width: 100%;
        bottom: 0.2rem;
        left: 0;
        ul {
            width: 100%;
            display: block;
            height: auto;
            text-align: center;
        }
        li {
            list-style: none;
            display: inline-block;
            height: 0.1rem;
            width: 0.1rem;
            border-radius: 50%;
            background-color: rgba(255,255,255,0.6);
            margin: 0 0.06rem;
        }
        li.selected {
            background-color: rgb(233, 32, 61,0.6);
        }
    }
}
